<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" class="main13" component="$UI/system/components/justep/window/window"
  design="device:mobile;" xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:351px;top:42px;"
    onParamsReceive="modelParamsReceive">
    <div component="$UI/system/components/justep/data/baasData" autoLoad="true"
      xid="productData" queryAction="queryNase_product" saveAction="saveNase_product"
      url="/nase/nase_action" tableName="nase_product" idColumn="fID" onCustomRefresh="productDataCustomRefresh"> 
      <master xid="default2"/>  
      <column label="ID" name="fID" type="Integer" xid="default21"></column>
  <column label="标题" name="fTitle" type="String" xid="default22"></column>
  <column label="副标题" name="fFtitle" type="String" xid="default23"></column>
  <column label="副内容" name="fCont" type="String" xid="default24"></column>
  <column label="图标" name="fIcon" type="String" xid="default25"></column>
  <column label="详细介绍" name="fText" type="String" xid="default26"></column>
  <column label="产品价格" name="fPrice" type="Integer" xid="default27"></column>
  <column label="产品数量" name="fNumber" type="Integer" xid="default28"></column>
  <column label="新品推荐" name="fNew" type="Integer" xid="default29"></column>
  <column label="销售量" name="fSales" type="Integer" xid="default30"></column>
  <column label="邮费" name="fPostage" type="Integer" xid="default31"></column>
  <column label="图片地址" name="fImgUrl" type="String" xid="default32"></column>
  <column label="链接地址" name="fUrl" type="String" xid="default33"></column></div>
  <div component="$UI/system/components/justep/data/baasData" autoLoad="true" xid="fNumber" queryAction="queryNase_product" saveAction="saveNase_product" url="/nase/nase_action" tableName="nase_product" idColumn="fID">
   <master xid="default44"></master>
   <column label="ID" name="fID" type="Integer" xid="default45"></column>
   <column label="标题" name="fTitle" type="String" xid="default42"></column>
   <column label="副标题" name="fFtitle" type="String" xid="default41"></column>
   <column label="副内容" name="fCont" type="String" xid="default40"></column>
   <column label="图标" name="fIcon" type="String" xid="default39"></column>
   <column label="详细介绍" name="fText" type="String" xid="default38"></column>
   <column label="产品价格" name="fPrice" type="Integer" xid="default37"></column>
   <column label="产品数量" name="fNumber" type="Integer" xid="default36"></column>
   <column label="新品推荐" name="fNew" type="Integer" xid="default47"></column>
   <column label="销售量" name="fSales" type="Integer" xid="default35"></column>
   <column label="邮费" name="fPostage" type="Integer" xid="default34"></column>
   <column label="图片地址" name="fImgUrl" type="String" xid="default46"></column>
   <column label="链接地址" name="fUrl" type="String" xid="default43"></column></div>
  <div component="$UI/system/components/justep/data/baasData" autoLoad="true" xid="shopData" queryAction="queryNase_shopping" saveAction="saveNase_shopping" url="/nase/nase_action" tableName="nase_shopping" idColumn="fID"><column label="fID" name="fID" type="Integer" xid="default6"></column>
  <column label="手机号" name="fPhone" type="String" xid="default7"></column>
  <column label="产品ID" name="fProID" type="Integer" xid="default8"></column>
  <column label="购买数量" name="fNumber" type="Integer" xid="default9"></column>
  <column label="购物车" name="fShop" type="String" xid="default10"></column>
  <column label="待点评" name="fComment" type="String" xid="default11"></column></div></div>  
  <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full x-card tb-trans x-has-iosstatu"> 
    <div class="x-panel-top" xid="top1"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar"
        xid="titleBar" title="详情"> 
        <div class="x-titlebar-left" xid="left1"> 
          <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-only-icon"
            xid="backBtn" icon="img:./images/back.png|./images/back.png" onClick="backBtnClick"
            style="background-color:#2fa4e7;"> 
            <img src="./images/back.png" xid="image3" height="20px"/>  
            <span xid="span6">关闭</span> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="title1">详情</div>  
        <div class="x-titlebar-right reverse" xid="right1"><a component="$UI/system/components/justep/button/button" class="btn btn-link btn-lg btn-only-icon" label="button" xid="shoppingCartBtnClick" icon="e-commerce e-commerce-gouwuche" style="color:#FFFFFF;margin-top:12px;" onClick="shoppingCartBtnClick">
   <i xid="i1" class="e-commerce e-commerce-gouwuche"></i>
   <span xid="span5"></span></a></div> 
      </div> 
    </div>  
    <div class="x-panel-content x-cards tb-trans" style="margin-top:48px;"> 
      <div component="$UI/system/components/bootstrap/carousel/carousel" class="x-carousel carousel"
        xid="carousel1" auto="false" style="height:251px;"> 
        <ol class="carousel-indicators" xid="default1"/>  
        <div class="x-contents carousel-inner" role="listbox" component="$UI/system/components/justep/contents/contents"
          active="0" slidable="true" wrap="true" swipe="true" xid="contentsImg" routable="false"> 
          <div class="x-contents-content" xid="content1"> 
            <img alt="" xid="image1" class="image-wall tb-img"/> 
          </div> 
        </div> 
      </div>  
      <div component="$UI/system/components/justep/panel/panel" class="panel panel-default x-card panel-body"> 
        <div component="$UI/system/components/bootstrap/row/row" class="row tb-nopadding"> 
          <div class="col col-xs-11  tb-nopadding" xid="Cont"> 
            <h4 class="text-black"><![CDATA[]]></h4> 
          </div>  
          <div class="col col-xs-1  tb-nopadding" xid="col9"> 
            <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-icon pull-right tb-nopadding"
              label="分享" xid="shareBtn" icon="img:./images/fenxiang.png|./images/fenxiang.png"
              onClick="shareBtnClick"> 
              <img src="./images/fenxiang.png" xid="image2" height="30px"/>  
              <span xid="span10" class="text-success">分享</span> 
            </a> 
          </div> 
        </div>  
        <div component="$UI/system/components/bootstrap/row/row" class="row text-muted h5 tb-nopadding"> 
          <div class="col col-xs-4" xid="Price" style="padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;"> 
            <span xid="span17" class="text-danger h4"><![CDATA[￥]]></span>  
            <span class="text-danger h4" bind-text="$model.productData.val(&quot;fPrice&quot;)"><![CDATA[]]></span> 
          </div>  
          <div class="col col-xs-4  tb-nopadding" xid="Sales" style="margin-top:2px;text-align:center;"> 
            <span><![CDATA[销售：]]></span>  
            <span><![CDATA[]]></span> 
          </div>  
          <div class="col col-xs-4" xid="Postage" style="margin-top:2px;text-align:right;"> 
            <span><![CDATA[]]></span> 
          </div> 
        </div> 
      </div>  
      <div component="$UI/system/components/justep/panel/panel" class="panel panel-heading x-card"> 
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          xid="row1"> 
          <div class="col col-xs-4" xid="col3"> 
            <span xid="span1"><![CDATA[套餐]]></span> 
          </div>  
          <div class="col col-xs-4" xid="col10"> 
            <span xid="span2"><![CDATA[颜色分类]]></span> 
          </div>  
          <div class="col col-xs-4" xid="col13"> 
            <span xid="span3"><![CDATA[购买数量]]></span> 
          </div> 
        </div>  
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          xid="row2"> 
          <div class="col col-xs-4" xid="col19"> 
            <span xid="span4" style="color:#808080;font-size:10px;"><![CDATA[官方标配]]></span> 
          </div>  
          <div class="col col-xs-4" xid="col20"> 
            <span xid="span13" style="color:#808080;font-size:10px;"><![CDATA[黑色]]></span> 
          </div>  
          <div class="col col-xs-4" xid="col21" style="margin:0 -10px 0 0;padding: 0px;"> 
            <div class="tb-numberOperation" xid="div4"> 
              <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-xs btn-only-icon pull-left"
                label="button" xid="button2" icon="icon-android-add" onClick="addBtnClick"
                style="border: 1px solid #808080;"> 
                <i xid="i6" class="icon-android-add"/>  
                <span xid="span29"/> 
              </a>  
              <div component="$UI/system/components/justep/output/output" class="x-output pull-left" xid="output1" bind-ref='$model.fNumber.ref("fNumber")' style="width:30px;border:1px solid #808080;text-align:center;border-radius:5px;padding-top:0px;height:24px;"></div><a component="$UI/system/components/justep/button/button" class="btn btn-link btn-xs btn-only-icon"
                label="button" xid="button1" icon="icon-android-remove" onClick="reductionBtnClick"
                style="border: 1px solid #808080;"> 
                <i xid="i3" class="icon-android-remove"/>  
                <span xid="span13"/> 
              </a> 
            </div> 
          </div> 
        </div> 
      </div>  
      <div component="$UI/system/components/justep/panel/panel" class="panel"
        xid="Text"> 
        <h4 style="text-align:center;color:#464646;margin-top:10px;margin-bottom:20px;font-size:16px;">产品详情</h4>
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          xid="row30"> 
          <div class="col" xid="col44"> 
            <img src="$UI/nase/images/pro_center.jpg" alt="" height="300px"
              style="width:100%;" xid="image19"/>
          </div> 
        </div>
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          style="margin-top:20px;" xid="row26"> 
          <div class="col col-xs-4" xid="col40"> 
            <img src="$UI/nase/images/brief_icon_01.png" alt="" height="95px"
              style="margin-left:-5px;" xid="image17"/>
          </div>  
          <div class="col col-xs-8" style="padding-right:0px;" xid="col24"> 
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row27"> 
              <div class="col" xid="col41"> 
                <h4 style="color:#000000;text-align:center;margin-bottom:-5px;margin-top:5px;font-size:16px;"
                  xid="h46">百万像素镜头</h4>
              </div> 
            </div>  
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row28"> 
              <div class="col" xid="col42"> 
                <img src="$UI/nase/images/left.png" alt="" style="width:90%;"
                  height="1px" xid="image18"/>
              </div> 
            </div>  
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row29"> 
              <div class="col" xid="col43"> 
                <span style="font-size:10px;" xid="span15">百万像素镜头，也称高清镜头，即达到720P才可以称为百万像素镜头。</span>
              </div> 
            </div> 
          </div> 
        </div>
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          style="margin-top:20px;" xid="row23"> 
          <div class="col col-xs-8" style="padding-right:0px;" xid="col35"> 
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row24"> 
              <div class="col" xid="col36"> 
                <h4 style="color:#000000;text-align:center;margin-bottom:2px;margin-top:5px;font-size:16px;"
                  xid="h45">铝合金外壳</h4>
              </div> 
            </div>  
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row11"> 
              <div class="col" xid="col37"> 
                <img src="$UI/nase/images/right.png" alt="" style="width:90%;"
                  height="1px" class="pull-right" xid="image15"/>
              </div> 
            </div>  
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row25"> 
              <div class="col" xid="col38"> 
                <span style="font-size:10px;" xid="span14">铝合金外壳是以铝合金为材料制成的各种外壳，因加工方便，灵活性高，档次较高，可有效提高产品附加值，得以在电子行业得到广泛运用，一般包括铝型材外壳和铝压铸外壳</span>
              </div> 
            </div> 
          </div>  
          <div class="col col-xs-4" xid="col39"> 
            <img src="$UI/nase/images/brief_icon_02.png" alt="" height="95px"
              style="margin-left:-5px;" xid="image16"/>
          </div> 
        </div>
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          style="margin-top:20px;" xid="row19"> 
          <div class="col col-xs-4" xid="col30"> 
            <img src="$UI/nase/images/brief_icon_03.png" alt="" height="95px"
              style="margin-left:-5px;" xid="image13"/>
          </div>  
          <div class="col col-xs-8" style="padding-right:0px;" xid="col31"> 
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row20"> 
              <div class="col" xid="col32"> 
                <h4 style="color:#000000;text-align:center;margin-bottom:-5px;margin-top:5px;font-size:16px;"
                  xid="h44">铝合金支架</h4>
              </div> 
            </div>  
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row21"> 
              <div class="col" xid="col33"> 
                <img src="$UI/nase/images/left.png" alt="" style="width:90%;"
                  height="1px" xid="image14"/>
              </div> 
            </div>  
            <div component="$UI/system/components/bootstrap/row/row" class="row"
              xid="row22"> 
              <div class="col" xid="col34"> 
                <span style="font-size:10px;" xid="span12">铝合金外壳是以铝合金为材料制成的各种外壳，因加工方便，灵活性高，档次较高，可有效提高产品附加值，得以在电子行业得到广泛运用，一般包括铝型材外壳和铝压铸外壳</span>
              </div> 
            </div> 
          </div> 
        </div>
        <div component="$UI/system/components/bootstrap/row/row" class="row"
          style="margin:20px;" xid="row18"> 
          <div class="col" xid="col29"> 
            <img src="$UI/nase/images/confirm_x.png" alt="" height="200px"
              style="width:100%;" xid="image12"/>
          </div> 
        </div>
      </div> 
    </div>  
    <div class="x-panel-bottom" xid="bottom1"> 
      <div component="$UI/system/components/bootstrap/row/row" class="row"> 
        <div class="col tb-nopadding" xid="col6"> 
          <div component="$UI/system/components/justep/button/buttonGroup"
            class="btn-group btn-group-justified tb-shopping" tabbed="true" xid="buttonGroup1"> 
            <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label"
              label="立即购买" xid="buyBtn" icon="icon-android-display" onClick="buyBtnClick"
              style="background-color:#2fa4e7;"> 
              <i xid="i7" class="icon-android-display icon"/>  
              <span xid="span8">立即购买</span> 
            </a>  
            <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label"
              label="加入购物车" xid="joinCartBtn" icon="icon-radio-waves" onClick="joinCartBtnClick"
              style="background-color:#73B9FF;"> 
              <i xid="i8" class="icon-radio-waves icon"/>  
              <span xid="span7">加入购物车</span> 
            </a> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div> 
</div>
